<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <style type="text/css">
        *{
            margin: 0; padding: 0;
        }
        ul li {
            list-style: none;
            float: left;
        }
        .all{
            width:1000px ;
            height: 500px;
            margin: 0 auto;
            background: #E3EAF8;
            border: 1px solid palegreen;
        }
        .serve{
            height: 48px;
            text-align: center;
        }
        .center{
            width: 1000px;
            height: 450px;
        }
        .center-div2{
            color: peachpuff;
        }
        p{
            text-align: center;
            margin: 10px;
            font-size: 20px;
        }
        .center-div1{
            color: #DB9D58;
            margin-top: 100px;
            text-align: center;
        }
        .center-li1{
            width: 150px;
        }
        button{
            margin: 50px 0 20px 0;
            width: 140px;
            height: 40px;
            background: #4e61a7;
            color: white;
            font-size: 18px;
            border-radius:15px ;
        }
        .center-li2{
            width: 700px;
        }
    </style>

    <script type="text/javascript">
        function queryBanlanc() {
            window.location.href='queryBanlanc';
        }
        function updatePasswordView() {
            window.location.href='updatePasswordView';
        }
        function getMoneyView() {
            window.location.href='getMoneyView';
        }
        function getTransactionView() {
            window.location.href='TransactionView';
        }
        function saveMoneyView() {
            window.location.href='saveMoneyView';
        }
        function index() {
            window.location.href='loginView';
        }
        function jf() {
            alert("系统正在完善中");
        }
    </script>
</head>
<body>
<!--最大框-->
<div class="all">
    <!--需要选择的服务-->
    <div class="serve">
        <h1>请选择服务</h1>
    </div>
    <!--中间的内容-->
    <div class="center">
        <ul>
            <li class="center-li1">
                <button onclick="queryBanlanc()">查询</button>
                <button onclick="getTransactionView()">转账</button>
                <button onclick="updatePasswordView()">改密</button>
            </li>
            <li class="center-li2">
                <div class="center-div1">
                    欢迎，${account.userName}，你登陆成功!
                    <br>
                    <p><h2>本银行提醒您</h2></p>
                    <p>如果你遇到任何不明白的业务问题，请咨询业务员</p>
                    <p>祝你使用愉快！谢谢！</p>
                </div>
            </li>
            <li class="center-li1">
                <button onclick="getMoneyView()">取款</button>
                <button onclick="saveMoneyView()">存 款</button>
                <button onclick="jf()">缴 费</button>
                <button onclick="index()">退 出</button>
            </li>
        </ul>
    </div>

</div>
</body>
</html>
</html>